﻿/*公用样式部分*/
html{width:100%;overflow-x:hidden;}
body{line-height:2;font-size:14px;}
.displaynone{display:none;}
.layui-container {width:1230px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.bordernone{border:none !important;}
.margin-center{margin-left:auto;margin-right:auto;}
.main-body{transform: translateX(0px); transition: all 0.5s;}
.media-body{margin-top:0;}

/*header*/
.top{height:40px;line-height:40px;color:#666;background:#eee;}
.top .top-right{color:#666;}
.top .top-right a{padding:0 6px;transition:all .3s;color:#666;display:inline-block;line-height:40px;}
.top .top-right a:hover{color:#BA0202;}

.logobox{position:relative;padding:.37rem 0;}
.logori{padding-left:25px;}
.logo strong{font-size:24px;color:#BA0202;display:block;line-height: 30px;margin-top:3px;}
.logo h3{display: block;font-size: 15px;line-height:20px;color: #666;margin-top: 5px;font-weight:bold;}
.logobox .logoright{margin-top:0px;}
.logoright div.float-left{margin-right:20px;padding-top:8px;}
.logobox .logoright p{font-size:14px;color:#666;}
.logobox .logoright strong{color:#BA0202;font-size:30px;line-height:30px;font-family:arial;}
.logobox button{cursor:pointer;border:none; color:#da1c24; font-size:22px;display:none;z-index:20000;background:none;float:left !important;z-index:2;}

#nav{width:100%;height:55px;line-height:55px;background:linear-gradient(to bottom,#c30413,#8c000b);}
#nav ul>li{float:left;width:14.28%;text-align:center;position:relative;line-height:55px;}
#nav ul>li>a{display:block;font-size:16px;color:#fff;}
#nav ul>li.active>a{background:#bb0310;}
#nav ul .submenu{position:absolute;width:100%;top:55px;z-index:99;background:#ba0202;display:none;}
#nav ul .submenu li{line-height:20px;padding:10px 0;border-bottom: 1px solid #fff;}
#nav ul .submenu li:last-child{border-bottom: none;}
#nav ul .submenu li a{color:#fff;}

/*banner大图轮播*/
.swiper-container{width:100%;height:540px;}
.swiper-slide{background-repeat: no-repeat;background-size: cover;background-position: center;}
.swiper-pagination-bullet{width:12px;height:12px;background:#ddd;opacity:.5;}
.swiper-pagination-bullet-active{background:#BA0202;opacity:1;}

/*关键词搜索*/
.search-box{line-height:60px;height:60px;background:#fff;font-size:14px;box-shadow: 0 1px 5px rgba(0,0,0,.2);}
.search-box .link span{color:#BA0202;}
.search-box .link a{padding:0 15px;color:#666;}
.search-box .link a:nth-of-type(1){padding-left:0px;}
.search-box .link a:hover{color:#BA0202;}
.search{margin-top:15px;}
.search .sousu{width:280px;line-height:30px;padding-left:10px;box-sizing: border-box;background:none;border:1px solid #dddddd;}
::-webkit-input-placeholder{/*Webkit browsers*/color:#666;font-size:12px;color:#999;}
.search .sou-zi{width:52px;line-height:32px;background:#BA0202;font-size:24px;color:#fff;border:none;cursor:pointer;text-align: center;}

/*公共大标题*/
.indexTit h2{font-size:32px;color:#BA0202;line-height: 40px;font-weight:bold;}
.indexTit p{font-size:16px;color:#999;line-height: 20px;margin-top:10px;text-transform: uppercase;}
.indexTit h2 i{font-style:normal;color:#666;}

/*产品中心*/
.product{background:#eee;padding:70px 0;}
.productBox-lf{width:245px;}
.productBox-lf h3{background:#BA0202;font-size:20px;color:#fff;font-weight:bold;text-align: center;height:65px;line-height: 65px;}
.productBox-lf ul{background:#fff;padding:20px 20px 10px 20px;}
.productBox-lf ul li{height:64px;line-height:64px;border-radius:5px;margin-bottom: 10px;background:#BA0202;}
.productBox-lf ul li a{display:block;font-size:16px;color:#fff;background:url(../images/list.png) no-repeat;background-position:calc(100% - 15px);padding-left:15px;}
.productBox-lf .contact{background:#363636;width:100%;height:120px;border-radius:8px;margin-top:15px;text-align: center;color:#fff;}
.productBox-lf .contact p{line-height: 15px;padding-top:22px;}
.productBox-lf .contact b{display:block;font-size:26px;line-height: 30px;margin-top:15px;}

/*.productBox-rt{width:936px;}*/
.productBox-rt-top{width:100%;height:50px;line-height: 50px;background:#f2f2f2;}
.productBox-rt-top h3{width:160px;background:#363636;color:#fff;font-size:20px;text-align: center;}
.productBox-rt-top h3 b{background:url(../images/icon3.png) left center no-repeat;padding-left:35px;}
.productBox-rt-top a.more{display:inline-block;line-height:15px;padding:8px 22px;background:#c2c2c2;color:#fff;border-radius:20px;margin:10px 20px 0 0;}
.productBox-rt-top a.more:hover{background:#024e9a;}
.rq {position: relative;height:235px;}
.rq a.box {width: 100%;height: 100%;background: #fff;display: block;}
.rq a.box span {display: flex;align-items: center;justify-content: center;height: 100%;overflow: hidden;}
.rq a.box span img {max-width: 100%;max-height: 100%;transition: .3s;}
.rq a.box:hover span img{transform: scale(1.03);}
.productBox-rt ul li{margin-top: 12px;}
.productBox-rt ul li p{font-size:18px;height:40px;line-height: 40px;background:#707070;}
.productBox-rt ul li p a{color:#fff;}
.productBox-rt ul li:hover p{background:#BA0202;}

/*遇到的问题*/
.why-content ul{margin-top:40px;}
.why-content ul li{cursor: pointer;}
.why-content ul li img{width:100%;height: 340px;border: #f1f1f1 5px solid;}
.why-content ul li span{display: block;height: 53px;line-height: 53px;text-align: center;background:#f2f2f2;margin: 1px 0 0;font-size: 16px;color: #3b3b3b;font-weight: bold;}

.advant-tit{width:100%;height:180px;background:#BA0202;text-align: center;}
.advant-tit h2{font-size:40px;color:#fff;line-height: 1.5;font-weight:bold;padding-top:40px;}
.advant-tit p{font-size:20px;color:#fff;line-height: 1.5;}

.advantItem{width:100%;height:385px;box-shadow: 0 15px 10px rgba(0,0,0,.05);padding:0 20px;box-sizing: border-box;}
.advantItem-lf{width:615px;}
.advantItem-lf .media div.float-left{font-size:60px;color:#fff;font-weight:bold;width:82px;height:74px;background:#BA0202;text-align: center;line-height: 74px;border-top:6px solid #363636;margin-right:40px;}
.advantItem-lf .media div.media-body h3{font-size:30px;color:#333;line-height: 30px;margin-top:5px;}
.advantItem-lf .media div.media-body span{font-size:12px;color:#bbbbbb;text-transform: uppercase;}
.advantItem-lf .media div.media-body ul{margin-top:24px;}
.advantItem-lf .media div.media-body ul li{font-size:14px;color:#333;line-height: 32px;background:url(../images/list.png) left center no-repeat;padding-left:32px;}
.advantItem1 .advantItem-lf{width:586px;}

/*客户案例*/
.indexCase .indexTit h2{color:#fff;}
.indexCase .indexTit p{color:#fff;}
.indexCase{margin-top:100px;background:#ba0202;width:100%;padding:60px 0 100px 0;}
.indexCase-box{position: relative;}
.indexCase-box .bd li{width:33.3333%;float:left;}
.indexCase-box .bd li div.indexCase-item{margin:0 15px;background:#fff;padding:20px;box-sizing: border-box;}
.indexCase-box .bd li a.indexCase-img{display:block;height:250px;overflow: hidden;}
.indexCase-box .bd li a.indexCase-img>img{width:100%;height:100%;}
.indexCase-txt h3{font-size:16px;line-height: 30px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-top:20px;text-align: center;}
.indexCase-txt h3 a{color:#333;}
.indexCase-txt h3 a:hover{color:#ba0202;}
.indexCase-box .prev,.indexCase-box .next{position: absolute;top:135px;}
.indexCase-box .prev{left:-50px;}
.indexCase-box .next{right:-50px;}

/*公司简介*/
.indexAbout{background:#fbfbfb;width:100%;padding:80px 0;}
.indexAbout-txt{width:620px;}
.indexAbout-img{width:510px;height:320px;overflow: hidden;}
.indexAbout-img>img{width:100%;height:100%;}
.indexAbout-txt p{color:#666;line-height: 24px;text-indent:2em;margin-top:30px;}
.indexAbout-txt a.more{display:inline-block;line-height:16px;font-size:16px;color:#ba0202;padding:10px 30px;border-radius:20px;border:1px solid #ba0202;margin-top:22px;}

/*新闻动态*/
.news .newsTit{height:60px;line-height: 60px;border-bottom: 1px solid #e9e9e9;}
.news .newsTit ul.tab_items{width:275px;}
.news .newsTit ul.tab_items li{width:50%;float:left;font-size:20px;font-weight:bold;text-align: center;}
.news .newsTit ul.tab_items li a{background:url(../images/neewsIcon.png) left center no-repeat;padding-left:30px;color:#373737;}
.news .newsTit a.more{display:inline-block;line-height:15px;padding:8px 22px;background:#c2c2c2;color:#fff;border-radius:20px;margin:10px 0px 0 0;}
.news .newsTit a.more:hover{background:#024e9a;}
.newsCont{margin-top:25px;}
.newsImg{width:606px;}
.newsImg span{display:block;width:606px;height:255px;overflow: hidden;}
.newsImg span>img{width:100%;height:100%;}
.newsImg strong{display:block;font-weight:normal;font-size:16px;line-height: 20px;margin:12px 0 5px 0;}
.newsImg strong a{color:#2e2e2e;}
.newsImg strong:hover a{color:#d70c19;}
.newsImg p{color:#6f6f6f;line-height: 25px;}
.newsList{width:540px;}
.newsList li{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;height:56px;line-height: 56px;border-bottom: 1px dashed #dddddd;background:url(../images/list2.png) left center no-repeat;padding-left:20px;}
.newsList li:nth-of-type(6){border-bottom: none;}
.newsList li span{float:right;color:#777777;}
.newsList li a{color:#2e2e2e;font-size:16px;}
.newsList li:hover a{color:#d70c19;}
.cur{border-bottom: 4px solid #ba0202;}
.cur a{color:#ba0202!important;background:url(../images/neewsIcon1.png) left center no-repeat!important;}

/*友情链接*/
.flink{background:#ba0202;padding:17px 0;}
.flink b{display:inline-block;font-weight:normal;font-size:18px;color:#ba0202;width:112px;height:35px;text-align:center;line-height:35px;background:#fff;border-radius:20px;}
.flink a{font-size:16px;color:#ededed;padding:0 18px;}

/*footer*/
.footer{background:#f4f4f4;padding:35px 0 35px 0;}
.footer h3{font-size:18px;color:#181818;margin-bottom: 10px;}
.footer-nav{width:275px;border-right:1px solid #dedede;height:250px;}
.footer-nav dl{float:left;width:50%;}
.footer-nav dl dd{line-height:34px;}
.footer-nav dl dd a{color:#777777;font-size:16px;}
.footer-product{width:165px;margin-left:60px;height:250px;}
.footer-product dl dd{line-height:34px;}
.footer-product dl dd a{color:#777777;font-size:16px;}
.footer .lianxi{width:460px;border-left:1px solid #dedede;border-right:1px solid #dedede;padding-left:60px;height:250px;box-sizing: border-box;}
.footer .lianxi p{line-height:34px;color:#777777;font-size:16px;}
.erweima{width:152px;margin-top:10px;}
.erweima span{display:block;width:152px;height:152px;overflow: hidden;}
.erweima span img{width:100%;height:100%;}
.erweima p{color:#777777;font-size:16px;text-align: center;margin-top:10px;}

.copyright{padding:15px 0;text-align: center;font-size: 13px}
.copyright p{font-size:13px;color:#474747;}

.sj-toolbar{position:fixed;bottom:20px;right:15px;z-index:10000;}
.sj-toolbar a.bohao{display:block;width:53px;height:53px;background:url(../images/toolbar1.png) no-repeat;background-position: 0 0;}
.sj-toolbar a.fhtop{display:block;width:52px;height:52px;background:url(../images/toolbar1.png) no-repeat;background-position: 0 -62px;}

@media only screen and (min-width: 320px) and (max-width: 640px) {
	.layui-container {width:auto!important;}
	.banner .pic li{height:140px;}
	.logobox{text-align:center;height:.9rem;}	
	.logobox .logo,.aboutus-cont .abtTxt{margin:0;}
	.logobox .logo img{width:3rem;margin-top:10px;float:left;margin-left:15px;}
	.logobox{padding:0;}
	.logobox button{display:block;margin-top:5px;}
	
	.logobox .head-icon{width:.9rem;height:.9rem;float:right;display:block;position:relative;}
	.logobox .head-icon span{display:block;position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: .5rem;
    height: .37rem;
    transition: all 0.5s ease-in-out;
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../images/icon1.png);}
	.head-icon.active span{width: 0.37rem;height: 0.37rem;background-image: url(../images/icon2.png);}
	/*主导航样式*/
	#nav{background-color: rgba(0, 0, 0, 0.7);height:auto;}
	#nav ul>li{width:100%;background:none;}
	#nav ul>li a{color:#666;font-size:14px;background:none;}
	#nav ul>li.active>a{line-height:.8rem;color:#666;background:none;}
	#nav ul>li:hover a{color:#333;font-weight:bold;}
	.navbar{position: fixed;display:none;top: .9rem;left: 0;width: 100%;bottom: 0;z-index: 9999;}
	.navbar-nav{width: 100%;background-color: #fff;z-index: 1200;border-top: .01rem solid #e5e5e5;padding-bottom: .8rem;}
	.navbar-nav ul{width:100%;height:auto;overflow:hidden;}
	.navbar-nav li{width:100%;height:auto;overflow:hidden;border-bottom:.01rem solid #e5e5e5;float:none}
	.navbar-nav li a{display: block;width: 100%;text-align: center;line-height: .8rem;height: .8rem;font-size: .24rem;color: #666;}
	.navbar-nav li a:hover{color:#149350;}
	
	.swiper-container{height:150px;}
	
	
	.news{margin-top:30px!important;}
	.newsList{width:100%;float:none!important;}
	.newsList li{height:38px;line-height: 38px;}
	.news .newsTit ul.tab_items{width:75%;}
	.news .newsTit ul.tab_items li{font-size:16px;}
	.news .newsTit ul.tab_items li a{display:block;padding-left:10px;}
	.newsList li a{font-size:14px;}
	
	.footer{margin-top:30px;padding:10px 0;}
	.footer .lianxi{width:100%;float:none!important;border:none;padding-left:0px;height:auto;}
	.footer h3{display:none;}
	.footer .lianxi p{font-size:14px;line-height: 25px;text-align: center;}
	.copyright{height:auto;line-height: 25px;padding:5px 0;}
	.copyright p{font-size:14px;}
	
	.product{padding:30px 0;}
	.indexTit h2{font-size:24px;line-height: 30px;}
	.indexTit p{font-size:14px;}
	.productBox{margin-top:20px!important;}
	.productBox-lf{width:100%;float:none!important;}
	.productBox-lf ul{background:none;padding:0px;}
	.productBox-lf ul li{width:31.3333%;margin:0 1%;height:35px;line-height: 35px;float: left;margin-bottom: 10px;}
	.productBox-lf ul li a{background:none;font-size:14px;padding:5px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
	.productBox-rt{width:100%;float:none!important;}
	.rq{height:3.05rem;}
	
	.advant{margin-top:30px!important;}
	.advant-tit{height:auto;padding:10px 0;}
	.advant-tit h2{font-size:18px;padding-top:0px;}
	.advant-tit p{font-size:14px;}
	.advantItem{height:auto;padding:0px;box-shadow: none;}
	.advantItem-lf{width:100%;float:none!important;margin-top:15px!important;}
	.advantItem1 .advantItem-lf{width:100%;float:none!important;}
	.advantItem-lf .media div.float-left{width:40px;height:36px;font-size:18px;line-height: 36px;margin-right:10px;}
	.advantItem-lf .media div.media-body h3{font-size:24px;margin-top:0px;}
	.advantItem-lf .media div.media-body ul{margin-top:0px;}
	.advantItem-lf .media div.media-body ul li{background: url(../images/list.png) left 6px no-repeat;line-height: 25px;}
	
	.indexCase{margin-top:30px;padding:30px 0;}
	.indexCase-box{margin-top:20px!important;}
	.indexCase-box .bd li{width:100%;}
	
	.indexAbout{padding:30px 0;}
	.indexAbout-txt{width:100%;float:none!important;}
}
